<template>
  <div class="box">
    cson
    <input type="text" placeholder=" 旅行商问题" /> <button>打开APP</button>
    <ul>
      <li>关注</li>
      <li>推荐</li>
      <li>咨询</li>
      <li>热榜</li>
      <li>动态</li>
      <li>有红包</li>
    </ul>
    <dl>
        <dt>
            <p>luyixiaoqingge</p>
            <p class="an">【Ubuntu20.04】安装XRDP远程桌面服务</p>
        </dt>
        <dd>
            <p>287阅读 . 0评论</p>
        </dd>
    </dl>
    <hr>
    <dl>
        <dt>
            <p>衍生星球</p>
            <p class="an">服务器硬件基础知识</p>
        </dt>
        <dd>
            <p>287阅读 . 0评论</p>
        </dd>
    </dl>
    <hr>
    <dl>
        <dt>
            <p>luyixiaoqingge</p>
            <p class="an">【Ubuntu20.04】安装XRDP远程桌面服务</p>
        </dt>
        <dd>
            <p>287阅读 . 0评论</p>
        </dd>
    </dl>
    <hr>
    <dl>
        <dt>
            <p>luyixiaoqingge</p>
            <p class="an">【Ubuntu20.04】安装XRDP远程桌面服务</p>
        </dt>
        <dd>
            <p>287阅读 . 0评论</p>
        </dd>
    </dl>
  </div>
</template>
<script setup>
</script>
<style scoped>
.box {
  width: 150px;
  height: 260px;
  background: pink;
}
button {
  color: red;
  border: 1px solid red;
  border-radius: 15px;
}
ul {
  list-style: none;
  margin-left: -10px;
}
li {
  float: left;
  font-size: 7px;
  margin-right: 5px;
}
dl{
    margin-left: 7px;
}
dl dt p{
    font-size: 8px;
    font-weight: bold;
}
.an{
    margin-top: -5px;
    margin-left: -4px;
}
dl dd p{
    font-size: 5px;
    margin-left: -15px;
    margin-top: -8px;
}
</style>